* {
    padding: 0;
    margin: 0;
}

header {
    width: 60%;
    height: 50px;
    min-width: 900px;
    /* background-color: aqua; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* align-content: space-between; */
}

header .top-log {
    width: 70px;
    height: 50px;
    background-color: #ffff;
}

header .top-log img {
    width: 100%;
    height: 100%;
}

.img-xs {
    width: 300px;
    height: 50px;
    overflow: hidden;
    /* background-color: bisque; */
    flex: 50%;

}

.img-xs img {
    width: 100%;
    height: 100%;
}

header .ayx {
    position: relative;
    display: block;
    flex: 10%;
    /* background-color: blue; */
    text-align: center;
    line-height: 50px;
    /* padding-left: 10px; */
}

header .ayx::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0%, -50%);
    width: 30px;
    height: 30px;
    /* visibility: hidden; */
    background: url(/王者荣耀/img/logo1.png) no-repeat;
    /* background-color: black; */
    /* background-size: 30px 30px; */
    background-position: -15px -3px;


}

.phb {
    position: relative;
    width: 100px;
    line-height: 50px;
    text-align: center;
    /* background-color: bisque; */
    flex: 15%;
}

.phb p::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 19px;


    margin-left: 3px;
    /* background-color: rgb(38, 141, 137); */
    border-top: 1px solid black;
    border-right: 1px solid black;
    transform: rotate(45deg);
    transition: all 0.3s;

}

.phb p:hover::after {
    transform: rotate(135deg);
}